<%--
  Created by IntelliJ IDEA.
  User: WQJ
  Date: 2017-05-24
  Time: 11:00
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<%
  String path = request.getContextPath();
%>
<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>南阳广达软件</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
  <meta content="yes" name="apple-mobile-web-app-capable" />
  <meta content="black" name="apple-mobile-web-app-status-bar-style" />
  <meta content="telephone=no" name="format-detection" />
  <meta name="viewport" content="width=device-width" />
  <meta name="description" content="南阳广达软件">
  <meta name="keywords" content="南阳广达软件">
  <link rel="stylesheet" href="<%=path%>/gdpay/css/m.common.css">
  <link rel="stylesheet" href="<%=path%>/gdpay/css/pay.css">
  <script src="<%=path%>/resources/js/cocho-storage.js"></script>
  <script src="<%=path%>/resources/js/cocho-message.js"></script>
  <script src="<%=path%>/resources/js/cocho-app.js"></script>
  <script src="<%=path%>/resources/js/cocho-jqgrid.js"></script>
  <script src="<%=path%>/resources/js/cocho-alert.js"></script>

    <script src="<%=path%>/control/phone/dev/jquery-1.9.1.js"></script>

    <script src="<%=path%>/control/phone/dev/js/mobiscroll.core-2.5.2.js" type="text/javascript"></script>
    <script src="<%=path%>/control/phone/dev/js/mobiscroll.core-2.5.2-zh.js" type="text/javascript"></script>

    <link href="<%=path%>/control/phone/dev/css/mobiscroll.core-2.5.2.css" rel="stylesheet" type="text/css" />
    <link href="<%=path%>/control/phone/dev/css/mobiscroll.animation-2.5.2.css" rel="stylesheet" type="text/css" />
    <script src="<%=path%>/control/phone/dev/js/mobiscroll.datetime-2.5.1.js" type="text/javascript"></script>
    <script src="<%=path%>/control/phone/dev/js/mobiscroll.datetime-2.5.1-zh.js" type="text/javascript"></script>

    <!-- S 可根据自己喜好引入样式风格文件 -->
    <script src="<%=path%>/control/phone/dev/js/mobiscroll.android-ics-2.5.2.js" type="text/javascript"></script>
    <link href="<%=path%>/control/phone/dev/css/mobiscroll.android-ics-2.5.2.css" rel="stylesheet" type="text/css" />
    <!-- E 可根据自己喜好引入样式风格文件 -->

    <style type="text/css">
        <!--  body {
            padding: 0;
            margin: 0;
            font-family: arial, verdana, sans-serif;
            font-size: 12px;
            background: #ddd;
        }-->
        input, select {
            width: 100%;
            padding: 5px;
            margin: 5px 0;
            border: 1px solid #aaa;
            box-sizing: border-box;
            border-radius: 5px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -webkit-border-radius: 5px;
        }
        .header {
            border: 1px solid #333;
            background: #111;
            color: white;
            font-weight: bold;
            text-shadow: 0 -1px 1px black;
            background-image: linear-gradient(#3C3C3C,#111);
            background-image: -webkit-gradient(linear,left top,left bottom,from(#3C3C3C),to(#111));
            background-image: -moz-linear-gradient(#3C3C3C,#111);
        }
        .header h1 {
            text-align: center;
            font-size: 16px;
            margin: .6em 0;
            padding: 0;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        .content {
            padding: 15px;
            background: #fff;
        }

    </style>

</head>
<!-- 手机网站适应性广告代码 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1449491313257558"
     data-ad-slot="1246518959"
     data-ad-format="auto"></ins>

<body class="mWrap">
<header class="topHd"><a href="javascript:history.back();" class="back">返回</a><span>收款列表</span></header>
<section class="mContent" id="payListContent">

    <div class="content">
        <div class="demos">
            <label for="appDate">开始时间</label>
            <input value="" class="" readonly="readonly"  name="appDate" id="appDate" type="text">
            <label for="appDateTime">结束时间</label>
            <input value="" class="" readonly="readonly"  name="appDateTime" id="appDateTime" type="text">
        </div>
    </div>
    <div class="content">
        <input type="button" id="hlkOK" onclick="chanageDate();"  value="查&nbsp;&nbsp;询" />
    </div>
  <ul class="proList clearfix" id="payList" >
    <!-- <li>
       <i class="ico icoJi">日期</i>
       <span class="blue"> </span>
       <div class="fill">
         <section class="searchWrap clearfix">

         </section>
       </div>
     </li>-->
  </ul>
  <div class="moreList" id="goodsload" onclick="paylist();">+点击加载</div>

</section>

<!--<script src="<%=path%>/gdpay/js/jquery-1.8.3.min.js"></script>-->

<footer class="Mfoot">
  <p class="copyright">
    &copy;2017 南阳广达软件科技有限公司
  </p>
</footer>

<script type="text/javascript">
  // 判断是否登录
 /* var username1 = '';
  if(username1 != ''){//已经登录
    $('.Mfoot .nav').empty();
    var divuserText = '<a href="personal.html">'+username1+'</a><em>|</em><a href="logout.action" class="blue">退出</a><em>|</em>'
            +'<a href="javascript:window.scrollTo(0,0);">返回顶部</a>';
    $('.Mfoot .nav').html(divuserText);
  }
*/
  $(function () {
      var currYear = (new Date()).getFullYear();
      var opt={};
      opt.date = {preset : 'date'};
      //opt.datetime = { preset : 'datetime', minDate: new Date(2012,3,10,9,22), maxDate: new Date(2014,7,30,15,44), stepMinute: 5  };
      opt.datetime = {preset : 'datetime'};
      opt.time = {preset : 'time'};
      opt.default = {
          theme: 'android-ics light', //皮肤样式
          display: 'modal', //显示方式
          mode: 'scroller', //日期选择模式
          lang:'zh',
          startYear:currYear - 10, //开始年份
          endYear:currYear + 10 //结束年份
      };

      $("#appDate").val('').scroller('destroy').scroller($.extend(opt['date'], opt['default']));

      var optDateTime = $.extend(opt['date'], opt['default']);
      //var optTime = $.extend(opt['time'], opt['default']);
      $("#appDateTime").mobiscroll(optDateTime).date(optDateTime);
      // $("#appTime").mobiscroll(optTime).time(optTime);

      //下面注释部分是上面的参数可以替换改变它的样式
      //希望一起研究插件的朋友加我个人QQ也可以，本人也建个群 291464597 欢迎进群交流。哈哈。这个不能算广告。
      // 直接写参数方法
      //$("#scroller").mobiscroll(opt).date();
      // Shorthand for: $("#scroller").mobiscroll({ preset: 'date' });
      //具体参数定义如下
      //{
      //preset: 'date', //日期类型--datatime --time,
      //theme: 'ios', //皮肤其他参数【android-ics light】【android-ics】【ios】【jqm】【sense-ui】【sense-ui】【sense-ui】
      //【wp light】【wp】
      //mode: "scroller",//操作方式【scroller】【clickpick】【mixed】
      //display: 'bubble', //显示方【modal】【inline】【bubble】【top】【bottom】
      //dateFormat: 'yyyy-mm-dd', // 日期格式
      //setText: '确定', //确认按钮名称
      //cancelText: '清空',//取消按钮名籍我
      //dateOrder: 'yymmdd', //面板中日期排列格
      //dayText: '日',
      //monthText: '月',
      //yearText: '年', //面板中年月日文字
      //startYear: (new Date()).getFullYear(), //开始年份
      //endYear: (new Date()).getFullYear() + 9, //结束年份
      //showNow: true,
      //nowText: "明天",  //
      //showOnFocus: false,
      //height: 45,
      //width: 90,
      //rows: 3}

  });


</script>


<script type="text/javascript" src="<%=path%>/control/phone/paylist.js"></script>


<!--<img src="
../hm.baidu.com/hm.gif@si=d154d52d9a3f20939957ef609a0b977f&et=0&nv=0&st=4&lt=1394504269&v=wap-2-0.3&rnd=866579138" width="0" height="0" />-->

<!--<script src="js/m.js"></script>-->
</body>
</html>
